<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <title>Z个人博客</title>
	<meta name="keywords" content="个人博客，分享，个人网站，个人博客模板，好看的个人博客">
	<link th:href="@{/layui/css/layui.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/index_style.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/animate.min.css}" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
        <ul class="point">
            <li><a href="#">首页</a></li>
            <li><a th:href="@{/blog/article}">博客</a></li>
            <li><a th:href="@{/blog/message}">留言</a></li>
        </ul>
        <div class="logo"><a>xy94</a></div>
    </div>
    <div class="section" id="section1">
        <div class="fp-tablecell">
            <div class="page1">
                <div class="nav wow zoomIn" data-wow-duration="2s">
                    <h1>Z Blog</h1>
                    <p>只要朝着一个方向努力，一切都会变得得心应手</p>
                    <a class="layui-btn layui-btn-normal" style="margin-top: 20px" th:href="@{/blog/article}">Blog ></a>
                </div>
                <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="fp-tablecell">
            <div class="page2">
                <div class="warp-box">
                    <div class="new-article">
                        <div class="inner wow fadeInDown" data-wow-delay=".2s">
                            <h1>博客分类</h1>
                            <p>
                                只要朝着一个方向努力
                                <br>一切都会变得得心应手
                            </p>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img th:src="@{/img/index/java.jpg}">
                                    <a href="/blog/blog/type/100" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="/blog/blog/type/100">
                                            Java专栏
                                        </a>
                                    </h4>
                                    <div class="date">
                                    </div>
                                    <p>
                                       本专栏主要分享Java的各种常见问题，包括java学习路线，java基础，框架，微服务，项目，面试题，希望通过这些知识的分享能够提升自己的java水平
                                    </p>
                                    <a href="/blog/blog/type/100" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img th:src="@{/img/index/ly.jpg}">
                                    <a href="/blog/blog/message" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="/blog/blog/message">
                                           留言
                                        </a>
                                    </h4>
                                    <div class="date">
                                    </div>
                                    <p>
                                        收集美好
                                    </p>
                                    <a href="/blog/blog/message" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
                            <div class="single-news">
                                <div class="news-head">
                                    <img th:src="@{/img/index/sc.jpg}">
                                    <a href="/blog/blog/type/3" class="link"><i class="fa fa-link"></i></a>
                                </div>
                                <div class="news-content">
                                    <h4>
                                        <a href="/blog/blog/type/3">
                                            诗词
                                        </a>
                                    </h4>
                                    <div class="date">
                                    </div>
                                    <p>
                                       唐诗宋词三百首，我要统统都入手
                                    </p>
                                    <a href="/blog/blog/type/3" class="btn">
                                        阅读更多 
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="fp-tablecell">
            <div class="page3">
                <div class="warp-box">
                    <div class="warp">
                        <div class="inner">
                            <div class="links">
                                <ul>
                                    <li class="wow fadeInLeft"><a href="#">关于</a></li>
                                    <li class="wow fadeInRight"><a href="#">+友情链接</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="fp-tablecell">
            <div class="page4">
                <div class="warp-box">
                    <div class="about">
                        <div class="inner">
                            <h1 class="wow fadeInLeft">Z个人博客</h1>
                            <p class="wow fadeInRight">                         
                                   一天很短，开心了就笑，不开心了就过会儿再笑。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="container">
        <div class="demo">
            <div class="snowwrap">
                <div class="snow-container"></div>
            </div>

            <style type='text/css'>
                .snowwrap,.snow-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001;}
            </style>
            <script th:src="@{/js/jquery.min.js}"></script>
            <script th:src="@{/js/plugins/snow.js}"></script>
        </div>
    </div>-->


    <footer th:replace="common :: footer"/>
    <script th:src="@{/layui/layui.js}"></script>
    <script th:src="@{/js/wow.min.js}"></script>
    <script th:src="@{/js/index.js}"></script>
</body>
</html>